<template>
  <div class="card animate__animated animate__fadeIn" id="pageCard">
    <h1>{{ this.title }}</h1>
    <hr />
    <slot></slot>
  </div>
</template>

<script>
export default {
    props: {
        title: String,
    }
}
</script>

<style scoped>
#pageCard {
  height: 100%;
  width: 100%;
  padding: 2vh 2vw;
}

#pageCard > h1 {
  font-size: 2.5vw;
  font-weight: bolder;
  margin-bottom: 10px;
  text-shadow: 4px 4px 3px rgba(114, 114, 114, 0.2);
}
</style>